import 'package:flutter/material.dart';
 class Stack_IndexedStack_GridView extends StatelessWidget{
   List<String>list;
  @override
  Widget build(BuildContext context) {
    list=List.generate(25, (i)=>"item $i");
    // TODO: implement build
    return new Scaffold(
      /*
      * Stack  对于需要叠加显示的布局，一般都可以使用Stack，类似于 FrameLayout、RelativeLayout
                1、对于positioned的子节点，它们的位置会根据所设置的top、bottom、right以及left属性来确定，这几个值都是相对于Stack的左上角；(已移除)
                2、对于non-positioned的子节点，它们会根据Stack的aligment来设置位置。

                fit：定义如何设置non-positioned节点尺寸，默认为loose。
                    loose：子节点宽松的取值，可以从min到max的尺寸；
                    expand：子节点尽可能的占用空间，取max尺寸；
                    passthrough：不改变子节点的约束条件。

      * IndexedStack  继承自Stack，它的作用是显示第index个child，其他child都是不可见的。所以IndexedStack的尺寸永远是跟最大的子节点尺寸一致。
      * GridView
      * */
      body: new Center(
        child:
          new GridView.count(
            crossAxisCount: 2,
            scrollDirection: Axis.vertical,
            reverse: false,
            padding: new EdgeInsets.fromLTRB(10, 10, 10, 10),
            children: List.generate(list.length, (index){
              return
                new Container(

                );
            }),

                )
//        new IndexedStack(
//          sizing: StackFit.passthrough,
//          alignment: Alignment.topLeft,
//          index: 1,
////          overflow: Overflow.clip,
//          children: <Widget>[
//            new Container(
//              width: 200,
//              height: 200,
//              color: Colors.blue,
//              child: new Text(
//                "Stack1",
//              ),
//            ),
//            new Container(
//              width: 150,
//              height: 150,
//              color: Colors.amber,
//              child: new Text(
//                "Stack2",
//              ),
//            ),
//            new Container(
//              width: 100,
//              height: 100,
//              color: Colors.black26,
//              child: new Text(
//                "Stack3",
//              ),
//            ),
//          ],
//        ) ,
      ),
    );
  }

 }